.topimg img{width:100%;}
.newsbox{margin-top: 40px;}
.topnews h2{font-size: 30px;text-align: center;}
.topnews h2 a{color: #005FB8;font-weight:bold;}
.bannerbox{margin-top: 31px;}
.banner{width: 52.6%;overflow: hidden;position: relative;height:360px;}
.banner .swiper{height:360px;}
.banner .swiper-slide{position: relative;height: 100%;}
.banner .swiper-slide img{height: 100%;width: 100%;}
.banner .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;height: 45px;line-height: 45px;font-size: 18px;;background: rgba(0, 0, 0, .4);}
.banner .swiper-slide p a{color: #fff;display: block;width: 80%;padding-left: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:16px;}
.banner .swiper .swiper-pagination{text-align: right;padding-right: 30px;width: 20%;right: 0;left: 78%;}
.banner .swiper .swiper-pagination .swiper-pagination-bullet{background-color: #fff;border-radius: 5px;opacity: 1;}
.banner .swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: red;width: 20px;}

.news{width: 45%;position: relative;}
.news .comtop span{font-size: 24px;}

.jcdtbox{margin-top: 23px;}
.jcdtbox > div{float: left;background: #F7F7F7;width: 100px;height: 90px;overflow: hidden;transition: all .5s;}
.jcdtbox > div.on{width: 100%;}
.jcdtbox > div + div{margin-left: 20px;}
.jcdtbox > div .tit{float: left;;width: 100px;height: 90px;border-radius: 8px;background: #0F74D8;}
.jcdtbox > div .tit a{padding: 18px 28px;display: block;;font-size: 22px;font-weight: bold;color: #fff;}
.jcdtbox > div .dtlist{float: right;width: 89%;position: relative;overflow:hidden;padding-right:1%;}
.jcdtbox > div .dtlist ul{font-size: 0;padding:10px 0;}
.jcdtbox > div .dtlist li{display: inline-block;width: 100%;padding: 25px 30px;padding:0 15px;font-size: 16px;line-height: 35px;box-sizing: border-box;}
.jcdtbox > div .dtlist li a{    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 87%;float: left;}
.jcdtbox > div .dtlist span{float: right;}
.jcdtbox > div .dtlist .swiperbtn {
    background: rgba(0, 0, 0, .2);
    font-size: 30px;
    width: 33px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
}
.jcdtbox > div .dtlist  .swiper-button-next {
    right: 0;
}

.channeltop{text-align: center;overflow: hidden;position: relative;}
.channeltop a{display: inline-block;position: relative;background: #fff;z-index: 9;padding: 0 38px;}
.channeltop .cn{font-size: 34px;font-weight: bold;color: #333;}
.channeltop .cn span{color: #0F74D8;}
.channeltop .en{color: #999;font-size:14px;}
.channeltop::after{position: absolute;content: '';left: 0;top: 50%;width: 100%;height: 2px;background-color: #F1F2F3;}
.channeltop a::before,.channeltop a::after{position: absolute;content: '';top: 50%;margin-top: -3px;;width: 7px;height: 7px;background: #0262D6;}
.channeltop a::before{left: 100%;}
.channeltop a::after{right: 100%;}

.zwgkbox{margin-top: 50px;}
.zwlistbox{margin-top: 25px;}
.zfwj{width: 66%;position: relative;}
.cwhy{width: 31%;position: relative;}
.zfxxgkbox{margin-top: 20px;}
.zfxxgkbox ul{font-size: 0;text-align: justify;text-align-last: justify;}
.zfxxgkbox ul li{display: inline-block;width: 14.3%;height: 105px;;font-size: 16px;text-align: center;text-align-last: center;background: #F5F5F5;}
.zfxxgkbox ul li a{display: block;width: 100%;height: 100%;padding: 23px 0;}
.zfxxgkbox ul li p{margin-top: 8px;}
.zfxxgkbox ul li img{height: 36px;}
.zfxxgkbox ul li:hover img{transform: rotateY(360deg); transition: all .5s linear;}

.zwfwbox{margin-top: 50px;}
.bsfwbox{margin-top: 25px;}
.zwfww,.bsfw,.bjtj{width: 31.2%;}
.zwfww .more{text-align: right;margin: 35px 0 20px;}
.zwfww .more a{color: #999;}
.zwfww .more a:hover{color: #005FB8;}
.zwfwlist ul{font-size: 0;text-align: justify;text-align-last: justify;}
.zwfwlist li{display: inline-block;margin-top: 10px;;width: 48%;height: 49px;line-height: 49px;;font-size: 14px;;text-align-last: left;text-align: left;background: #F6F6F6;}
.zwfwlist li a{display: block;width: 100%;height: 100%;padding-left: 48px;background: url(../images/index/arrow.png) no-repeat 25px center;}
.bsfw{margin-left: 2.5%;}
.fwtab{margin-top: 10px;padding: 16px 26px;box-shadow: 0px 2px 12px  #ddd;}
.fwtab ul{display: none;}
.fwtab ul.on{display: block;}
.fwtab li{float: left;width: 33.333%;height: 40px;line-height: 40px;;text-align: center;}
.fwsch{width: 100%;height: 47px;position: relative;margin-top: 20px;}
.fwsch input{width: 100%;height: 100%;padding-left: 25px;outline: none;border: none;background: #F5F6F8;border-radius: 24px;}
.fwsch .fwbtn{position: absolute;right: 25px;top: 12px;cursor: pointer;}
.fwqd{margin-top: 20px;border: 1px solid #ECEEF4;}
.fwqd .qdtit{position: relative;float: left;width: 60px;height: 112px;padding: 15px 23px;color: #0D6DCF;;background: #EAF2FD;box-sizing: border-box;}
.fwqd .qdtit::after{position: absolute;content: '';left: 100%;top: 50%;margin-top: -3px;;border: 6px solid #EAF2FD;border-right: none;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
.fwqd ul{float: left;width: 80%;margin-top: 12px;margin-left: 10px;}
.fwqd ul li{float: left;;margin: 5px 19px;width:37%;box-sizing: border-box;}
.fwqd ul li a{font-size:14px;}
.chartsbox{margin-top: 10px;padding: 20px 20px 10px;;box-shadow: 0px 2px 12px  #ddd;}
.chartsbox p{font-size: 18px;font-weight: bold;text-align: center;}
#echarts{height: 274px;width: 100%;text-align:center;}
.fwyl_yl {
    padding: 30px 26px;
    background: url(../images/index/fwyl_ylbg.png) 0 0 no-repeat;
background-size: 100% 100%;
    position: relative;
}
.fwyl_yl .fwyl_top {
    width: 100%;
    height: 62px;
    padding-left: 6px;
}
.fwyl_yl .fwyl_top .fwyl_month {
    float: left;
    width: 61px;
    height: 62px;
    padding-top: 24px;
    background: url(../images/index/fwyl_yltit.png) 0 center no-repeat;
    color: #4493f5;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
}
.fwyl_yl .fwyl_top .fwyl_month i {
    font-size: 24px;
    font-style: normal;
}
.fwyl_yl .fwyl_top .fwyl_month em {
    font-size: 16px;
    font-style: normal;
}
.fwyl_yl .fwyl_top .fwyl_tit {
    float: left;
    margin-left: 20px;
}
.fwyl_yl .fwyl_top .fwyl_tit span {
    height: 28px;
    font-size: 22px;
    color: #333333;
    font-weight: 400;
    line-height: 28px;
}
.fwyl_yl .fwyl_top .fwyl_tit p {
    height: 18px;
    margin-top: 12px;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    line-height: 18px;
}
.fwyl_yl .yl_list {
    margin-top: 18px !important;
    padding: 6px 0 !important;
    flex-wrap: wrap;
    box-sizing: inherit;
}
.fwyl_yl .yl_list li {
    float: left;
    width: 27.3333%;
    height: 33px;
    margin: 14px 3% 0 3%;
    border: solid 1px #f5f5f5;
    background: #ffffff;
    cursor: pointer;
    font-size: 18px;
    color: #999999;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
box-sizing: border-box;
}
.fwyl_yl .yl_list li.active,
.fwyl_yl .yl_list li:hover {
    color: #4493f5;
    background: rgba(142,193,255,0.08);
    border: 1px solid #9BC5FA;
}




.tszqbox{margin-top: 25px;}
.tszq{width: 64.9%;}
.tszq ul{font-size: 0;text-align: justify;text-align-last: justify;}
.tszq li{display: inline-block;;width: 23%;height: 85px;line-height: 85px;font-size: 16px;text-align-last: left;text-align: left;}
.tszq li a{display: block;width: 100%;height: 100%;padding-left: 20px;    box-sizing: border-box;}
.tszq li img{margin-right: 8px;}
.tszq li.zqyk a{background: #E6F4FF;}
.tszq li.ygsp a{background: #FFF2E7;}
.tszq li.ywtb a{background: #E4FAED;}
.tszq li.kqytb a{background: #EDF6FF;}
.sbkfw{padding-top: 25px;}

.zmhdbox{margin-top: 50px;}
.zmhdbox .comtop span{font-size: 24px;}
.hdcon{margin-top: 25px;}
.lxxdbox{position: relative;width: 54.7%;}

.myzj{margin-top: 30px;position: relative;}
.zjdc > div{display: none;margin-top: 12px;;padding-left: 136px;background: url(../images/index/zjbg.png) no-repeat;}
.zjdc > div.on{display: block;}
.zjdc > div h3{font-size: 16px;font-weight: bold;line-height: 30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:60px;}
.zjdc > div p{margin-top: 18px;}
.zjdc > div p span{display: inline-block;}
.zjdc > div p span.status{padding: 2px 5px;margin-right: 15px;;color: #999;border: 1px solid #999;border-radius: 9px 0;font-size:14px;}
.zjdc > div p span.status.on{color: #DB2323;border-color: #DB2323;}
.zjdc > div p span.time{color: #666;}

.ldxxbox{position: relative;width: 41.6%;}

.ldxx{background:#ECF3FA;position:relative;padding-left:33px;padding-bottom:32px;padding-top:32px;margin-top:30px;margin-bottom:20px;}
.ldxx img{position: absolute;bottom:0px;right:30px;}
.ldxx p span{color:#D43030;}
.ldxx a{background:#7094DE;height:30px;line-height:30px;display: inline-block;color:#fff;text-align:center;width:98px;border-radius: 100px;margin-top:17px;margin-right:10px;}

.xx_lj li{width:50%;float:left;font-size:18px;color:#000;padding:16px 0;}
.xx_lj li img{padding-left:5%;padding-right:6%;}

.ztzlbox{margin-top: 50px;margin-bottom: 65px;}
.ztswiper{margin-top: 25px;position: relative;overflow: hidden;}
.ztswiper .swiperbtn{background: rgba(0, 0, 0, .2);font-size: 30px;width: 33px;height: 57px;text-align: center;;line-height: 57px;color: #fff;}
.ztswiper .swiper-button-prev{left: 0;}
.ztswiper .swiper-button-next{right: 0;}

@media (max-width: 1480px) {
    .banner{height: 400px;}
    .banner .swiper{height: 100%;}
    .banner .swiper-slide{height: 100%;}
    .news .comtop span{font-size: 26px;}
    .jcdtbox > div.on{width: 100%;}
    .jcdtbox > div + div{margin-left: 21px;}
    .jcdtbox > div .dtlist{width: 87%;}

    .zfwj{width: 63%;}
    .cwhy{width: 34%;}

    .bsfw .comtop span + span{margin-left: 20px;}
    .fwqd ul{width: 79%;margin-top:0px;}
    .fwqd ul li{margin: 7px 13px;width:48%;}
    .zwfwlist li{margin-top: 17px;}
    .tszq li{width: 24%;}
    .tszq li img{width: 56px;}
    .tszq li a{padding-left: 10px;}
    .sbkfw{width: 31.2%;padding-top: 51px;}
.jcdtbox > div .dtlist li a{width:85%;}
.jcdtbox > div + div{ margin-left: 25px;}
.jcdtbox > div.on{width: 100%;}
.fwqd ul li{    width: 39%;}
.zwfwlist li{height:43px;line-height:43px;}
.sbkfw{padding-top:31px;}
.myzj{margin-top:10px;}
}
@media (max-width: 1200px){
    .main{padding: 10px;}
    .banner{width: 100%;height: 60vw;}
    .news{width: 100%;margin-top: 20px;}
    .jcdtbox > div{width: 100%;}
    .jcdtbox > div.on{width: 100%;}
    .jcdtbox > div + div{margin-left: 0;margin-top: 15px;}

    .zfwj{width: 100%;}
    .cwhy{width: 100%;margin-top: 20px;}
    .zfxxgkbox ul li{width: 30%;margin-top: 15px;}

    .zwfww, .bsfw{width: 49%;}
    .bsfw{margin-left: 2%;}
    .bjtj{width: 100%;margin-top: 20px;}
    .fwimg img{width: 100%;}
    .zwfwlist li{margin-top: 8px;}
    .tszq,.sbkfw{width: 100%;}
    .sbkfw img{width: 100%;}
}
@media (max-width: 992px){
    .newsbox{margin-top: 20px;}
    .topnews h2{font-size: 28px;}
    .bannerbox{margin-top: 25px;}
    .jcdtbox > div .dtlist{width: 84%;}
    .zwfww, .bsfw{width: 100%;}
    .bsfw{margin-top: 15px;}
    .news .comtop span{font-size: 18px;}
    .banner .swiper-slide p a{font-size: 14px;width: 75%;}
    .banner .swiper .swiper-pagination{padding-right: 5px;width: 25%;left: 75%;}
    .banner .swiper .swiper-pagination .swiper-pagination-bullet{margin: 0 2px;}
    .jcdtbox > div{height: auto;}
    .jcdtbox > div .tit{width: 94px;height: 80px;}
    .jcdtbox > div .tit a{font-size: 20px;padding: 12px 26px;}
    .jcdtbox > div .dtlist{width: 100%;}
    .jcdtbox > div .dtlist li{width: 100%;padding: 10px;font-size: 14px;}
    .jcdtbox > div .dtlist li a{width:85%;}

    .channeltop .cn{font-size: 28px;}
    .channeltop .en{font-size: 14px;}
    .channeltop a{padding: 0 20px;}

    .zfxxgkbox ul li{vertical-align: top;font-size: 14px;}
    .zwfwlist li a{padding-left: 35px;background-position: 15px center;font-size: 14px;}
    .bsfw{margin-left: 0;}
    .fwtab{padding: 10px;}
    .fwqd ul{width: 77%;}
    .fwqd ul li{margin: 7px 3px;}
    .chartsbox p{font-size: 16px;}
    .tszq li{width: 49%;font-size: 15px;margin-top: 15px;}
    .sbkfw{padding-top: 20px;}

    .zmhdbox .comtop span{font-size: 18px;}
    .lxxdbox{width: 100%;}
    .ldxx img{display:none;}
    .xx_lj li{font-size:16px;text-align:center;width:33.333%;}
    .xx_lj li img{display:block;margin:0 auto 15px;}
    .myzj{margin-top: 20px;}
    .zjdc > div{padding-left: 95px;background-size: 12%;}
    .zjdc > div p{font-size: 12px;margin-top: 5px;}
    .zjdc > div h3{font-size: 16px;line-height: 26px;height:52px;overflow:hidden;min-height: 0;}
    .zjdc > div p span.status{margin-right: 3px;padding: 3px;}
    .ldxxbox{width: 100%;margin-top: 20px;}
}
@media (max-width: 470px){
.xx_lj li{width:50%;}
}

.rightpc{
    position: fixed;
    bottom: 10px;
    right: 30px;
}
.rightpc img{
    max-width: 280px;
}
.rightpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.rightpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
.leftpc{
    position: fixed;
    bottom: 10px;
    left: 30px;
    z-index: 999;
}
.leftpc img{
    max-width: 280px;
}
.leftpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.leftpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
@media (max-width: 1200px) {
.rightpc,.leftpc{display:none;}
}